html, body, #main{	
	width: 100%;	/* make the body expand to fill the visible window */
	height: 100%;
	overflow: hidden;	/* erase window level scrollbars */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}

#banner, #footer {
background-color: #b7cdee; 
color: #333;
padding:3px; 
}
#banner { text-align:right; } 

/* list of messages
TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
*/
#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
	background-color: #b7cdee;
	color: #333;
	cursor: pointer;
}
#listPane tr, #listPane td { cursor: pointer; }

th {
	background-color: #4f8ce5; 
	color: #fff; 
	font-weight:: bold !important;
	margin:0;
	padding:3px; 
	background-image:url('../js/dojo/dijit/themes/soria/images/gradientTopBg.png');
	background-position:0px -1px; 
}

th .arrowNode { position:relative; right:2px; 
	width:16px;
	height:16px;
} 
th.arrowUp .arrowNode {
	padding-right: 16px;
	background:transparent url("../js/dojo/dijit/themes/soria/images/arrows.png") no-repeat;
	background-position:-32px 0px; 
}

th.arrowDown .arrowNode {
	padding-right: 16px;
	background:transparent url("../js/dojo/dijit/themes/soria/images/arrows.png") no-repeat;
	background-position:0px 0px; 
}

.demoTable td { padding:3px; } 
.demoTable {
	border-spacing:0; 
	padding:0; margin:0; 
	width:98%;
	
}
.oddRow {
	background-color: #f2f5f9;
}

#message {
	padding: 8px;
}

/* Stuff for new messages */

.subject {
	background: gray;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}

.message {
	border: black 2px;
}
.messageHeader {
	font:12pt Arial,sans-serif;
	font-weight:bold;
	color:#333; 
}
body .dojoSplitPane {
	background: #ededff;
	overflow: auto;
}

/* Icons */

.cbsIconZoomIn,
.cbsIconZoomOut,
.cbsIconFullExtent,
.cbsIconZoomBox,
.cbsIconZoomBoxOff,
.cbsIconZoomBoxOn,
.cbsIconMeasure,
.cbsIconMeasureOff,
.cbsIconMeasureOn,
.cbsIconInfoOn,
.cbsIconInfoOff,
.cbsIconPreviousZoom,
.cbsIconAddData,
.cbsIconPrint,
.cbsIconPolyline,
.cbsIconPolygon {
	background-image: url('../images/icons.png'); /* mail icons sprite image */
	background-repeat: no-repeat; 
	width: 25px;
	height: 25px;
	text-align: center;
	padding-right:0px; 
}

.dj_ie6 .cbsIconZoomIn,
.dj_ie6 .cbsIconZoomOut,
.dj_ie6 .cbsIconFullExtent,
.dj_ie6 .cbsIconZoomBox,
.dj_ie6 .cbsIconZoomBoxOff,
.dj_ie6 .cbsIconZoomBoxOn,
.dj_ie6 .cbsIconMeasure,
.dj_ie6 .cbsIconMeasureOff,
.dj_ie6 .cbsIconMeasureOn,
.dj_ie6 .cbsIconInfoOn,
.dj_ie6 .cbsIconInfoOff,
.dj_ie6 .cbsIconPreviousZoom,
.dj_ie6 .cbsIconAddData,
.dj_ie6 .cbsIconPrint,
.dj_ie6 .cbsIconPolyline,
.dj_ie6 .cbsIconPolygon {
	background-image: url('../images/icons.gif');
}

.cbsIconZoomIn { background-position: 0px; }
.cbsIconZoomOut { background-position: -25px; }
.cbsIconFullExtent { background-position: -50px; }
.cbsIconZoomBox { background-position: -75px; }
.cbsIconZoomBoxOff { background-position: -100px; }
.cbsIconZoomBoxOn { background-position: -125px; }
.cbsIconMeasure { background-position: -150px; }
.cbsIconMeasureOff { background-position: -175px; }
.cbsIconMeasureOn { background-position: -200px; }
.cbsIconInfoOn { background-position: -225px; }
.cbsIconInfoOff { background-position: -250px; }
.cbsIconPreviousZoom { background-position: -275px; }
.cbsIconAddData { background-position: -300px; }
.cbsIconPrint { background-position: -325px; }
.cbsIconPolyline { background-position: -350px; }
.cbsIconPolygon { background-position: -375px; }
